<script lang="ts">
	import WorkExperienceCard from "~/components/card/WorkExperienceCard.svelte";
	import type { WorkExperience } from "~/models/work-experience.ts";

	export let workExperiences: WorkExperience[];
</script>

<section class="pt-6 md:pt-10">
	<h2 class="text-xl md:text-2xl font-bold font-serif text-pink-950 pb-4">工作经历</h2>
	<div class="relative flex flex-col gap-4 md:gap-10 pb-4 md:pb-8">
		{#each workExperiences as experience (experience.company)}
			<WorkExperienceCard {...experience} />
		{/each}
	</div>
</section>